<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>消息中心</title>
    <link rel="stylesheet" href="../../js/mui/css/mui.min.css">
    <link rel="stylesheet" href="../../css/mui-app-style.css">
    <link rel="stylesheet" href="../../css/message.css">
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a id="backBtn" class="mui-action-back mui-icon mui-icon-back mui-pull-left"></a>
    <a id="prevBtn" class="mui-icon mui-icon-back mui-pull-left"></a>
    <h1 class="mui-title"><!--消息中心--></h1>
</header>

<div style="padding: 10px 10px 5px;" id="segmentedControlbox" >
    <div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
        <a tag="0" class="mui-control-item mui-active" href="#item0">公告</a>
        <a tag="1" class="mui-control-item" href="#item1">提醒</a>
        <a tag="2" class="mui-control-item" href="#item2">订货</a>
        <a tag="3" class="mui-control-item" href="#item3">实名</a>
    </div>
</div>

<!--下拉刷新容器-->
<div id="pullrefresh" class="mui-content mui-scroll-wrapper" style="padding-top:105px">
    <div class="mui-scroll">
        <!--数据列表-->
        <ul class="mui-table-view mui-table-view-chevron"></ul>
    </div>
</div>

<!--detail-->
<div id="detail" class="mui-content" style="display: none;">
    <div class="mui-content-padded">
        <div class="" style="padding:0 15px;">
            <h4 class="detail__title">信息化推进办公化信息化推进办公化</h4>
            <div class="detail__time">2019-07-15 12:25:12</div>
            <div class="detail__body">
                Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿
                Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿
                Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿
                Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿
            </div>
        </div>
    </div>
</div>

<script src="../../js/mui/js/mui.min.js"></script>
<script src="../../js/common/crypto-js.js"></script>
<script src="../../js/common/common.js"></script>
<script src="../../js/message/message.js"></script>
</body>
</html>